<template>
  <div>
    <div class="mainBox">
      <Weather></Weather>
      <!-- <div style="height:60px"></div> -->
      <Topnav></Topnav>
      <!-- 轮播图 -->
      <Pagebox></Pagebox>
      <newsContent></newsContent>
      <tabbar></tabbar>
    </div>
  </div>
</template>

<script>
import Topnav from "../components/Topnav";
import Pagebox from "../components/Pagebox";
import newsContent from "../components/newsContent";
import tabbar from "../components/tabbar";
import Weather from "../components/weather";

export default {
  name: "Firstpage",
  components: {
    Topnav,
    Pagebox,
    newsContent,
    tabbar,
    Weather,
  },
  data() {
    return {
      // 分类列表
      list: [],
      // 新闻列表
      newsList: [],
    };
  },
};
</script>

<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
/*中间大盒子*/
.mainBox {
  height: calc(100vh);
  overflow-y: scroll;
}
</style>
